<template>
  <div id="App">
    <tab-header :tabDataList="tabDataList" @change-tab-index="changeTabIndex"></tab-header>
    <tab-main :tabHeadIndex="tabHeadIndex"></tab-main>
  </div>
</template>
<script>


import TabHeader from "@/components/tab-header.vue";
import TabMain from "@/components/tab-main.vue";

export default {
  name: "App",
  components: {TabMain, TabHeader},
  data() {
    return {
      tabDataList:["衣服","鞋子","裤子"],
      tabHeadIndex:0
    }
  },
  methods:{
    changeTabIndex(index){
      this.tabHeadIndex=index
    }
  }
}
</script>
<style lang="less">

</style>
